<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<title>task1 </title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type='text/css'>
		body{ 
			text-align:center; 
		}
		div{ 
			width:200px;
			height:300px;
			border:solid 2px red;
			background:#8080ff;
			margin:100px auto;
			font-size:50px;
			line-height:300px; 
		}
	</style>
	<script type='text/javascript' src='jquery/jquery-1.11.1.js'></script>
	<script type='text/javascript'>
		$(function(){
			$('div').click(function(){
				var top = $(this).offset().top;
				var left = $(this).offset().left;
				
			});
		});
	</script>
 </head>
 <body>
 	<div>拖我</div>
 </body>
</html>
